<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" href="" />
	<title>Documize - Essential Maintenance</title>

	<style>
	html {
		-webkit-font-smoothing: antialiased;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #1b75bb;
		font-size: 16px;
		color: #ffffff;
		padding-top: 50px;
	}
	
	.container {
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
	}
	
	.logo {
		margin: 0 15px;
	}
	
	.content {
		margin: 0 15px;
	}
	
	.content> div {
		margin: 50px 0;
	}
	
	.content h1 {
		font-size: 36px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 30px;
	}
	
	.content p {
		font-size: 18px;
		line-height: 28px;
		margin: 0;
	}
	
	.content .image {
		text-align: center;
	}
	
	.clearfix {
		overflow: auto;
		zoom: 1;
	}
	
	.btn-main {
		border: 1px solid #ffffff;
		padding: 12px 20px;
		border-radius: 5px;
		margin-left: 25px;
	}
	
	@media (min-width: 768px) {
		body {
			margin-top: 100px;
		}
		.container {
			text-align: left;
		}
		.content {
			margin: 200px 15px 0;
		}
		.content> div {
			width: 50%;
			float: left;
			margin: 0;
		}
		.content h1 {
			font-size: 48px;
			line-height: 72px;
		}
		.content .image {
			float: right;
		}
		.content .text {
			max-width: 430px;
		}
	}
	</style>


</head>

<body>

	<div id="wrapper">
		<div class="container">

			<div class="logo">
				<img style="-webkit-user-select: none;" src="" width="166" height="56" alt="Documize">
			</div>

			<div class="content clearfix">
				<div class="image">
					<img style="-webkit-user-select: none;" src="" width="157" height="187" alt="Down For Maintenance">
				</div>
				<div class="text">
					<h1>Essential Maintenance</h1>
					<p>We're currently updating Documize, back real soon.</p>
				</div>
			</div>

		</div>
	</div>

</body>

</html>